<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>万息科技有限公司</title>
    <link rel="shortcut icon" type="image/x-icon" href="../../img/icon.ico"/>
    <link rel="stylesheet" href="../../../css/back/datalist.css">
    <link rel="stylesheet" href="../../../css/back/model.css">
    <script src="../../../js/jquery-3.5.1.js"></script>
    <script src="../../../js/common.js"></script>
    <script src="../../../js/back/nav/nav.js"></script>
    <script src="../../../js/model.js"></script>
    <link rel="stylesheet" href="../../../css/myiconfont.css">
</head>
<body>
<div class="menu_name">导航栏管理</div>
<div class="search">
    <label>导航名:</label><input type="text" id="title">
    <button id="find" class="iconfont">&#xe651;</button>
</div>
<div class="option">
    <button class="iconfont">&#xe61a;</button>
    <button class="iconfont">&#xe717;</button>
    <button class="iconfont">&#xe749;</button>
    <button class="iconfont">&#xe609;</button>
    <button class="toggleModal iconfont" id="toggleModal">&#xe640;</button>
    <select id="sort" onchange="getNavSortListByPage()">
        <option value="id desc">ID倒序</option>
        <option value="create_time asc">时间升序</option>
        <option value="create_time desc">时间降序</option>
    </select>
</div>
<div class="table">
    <table>
        <thead>
        <tr>
            <th><input type="checkbox">全选</th>
            <th>ID</th>
            <th>导航名</th>
            <th>导航链接</th>
            <th>前台展示</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td><input type="checkbox"></td>
            <td>1</td>
            <td>导航1</td>
            <td>xxx</td>
            <td><i class="iconfont">&#xe60a;</i></td>
            <td>
                <button>编辑</button>
                <button>删除</button>
            </td>
        </tr>
        </tbody>
    </table>
</div>
<div class="page">
    <div>
        每页显示 <input id="size" type="text" value="5">条
    </div>
    <div>
        <button id="first" class="iconfont">&#xe69c;</button>
        <button id="lastpage" class="iconfont">&#xe77d;</button>
        <input id="pageipt" type="text" value="1">
        <button id="nextpage" class="iconfont">&#xe77c;</button>
        <button id="last" class="iconfont">&#xe69d;</button>
    </div>
    <div>总条数 <span id="pagecount">5</span> 条</div>
</div>
<div class="modal">
    <div class="modal-header">
        <p class="title">添加产品类型</p>
        <p class="close iconfont">&#xe667;</p>
    </div>
    <div class="modal-content">
        <div>
            <label>导航名:</label>
            <input type="text" id="addtitle">
        </div>
        <div>
            <label>导航链接:</label>
            <input type="text" id="addhref">
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn iconfont" onclick="addNav()">&#xe714;</button>
        <button class="close btn iconfont">&#xe61f;</button>
    </div>
</div>
<div class="mask"></div>
</body>
</html>